<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>四种样式表使用</title>
		<!-- htnl部分 -->
		<style>
			/* css注释方式 */
			/* css部分：选择器：抓取页面元素，元素增加效果
						选择器{
							属性: 属性值;
							属性: 属性值;
						}
			 */
			p{
				width: 200px;
				height: 200px;
				background: #55ffff;/*16进制色值*/
			}
		</style>
	</head>
	<body>
		<!-- ①内联样式表，叫做行内样式表【开发不用】
			语法：前表决 style="属性：属性值;属性：属性值;...
		-->
		<div style="width: 300px; height: 300px; background: red;"></div>
		<!-- ②内部样式表【开发不用：练习专用】
			html部分：在head元素中，添加style元素
			css部分：在style元素中，添加css样式
		 -->
		 <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Odio quibusdam vitae saepe quidem omnis totam quas, in dolorum voluptatibus magnam doloremque, natus eligendi esse nisi architecto placeat? Fugiat, iusto labore!</p>
	</body>
</html>